<template>
	<div class="container box-6">
		<div class="content">
			<div class="imgBox">
				<img :src="this.$store.state.prize.img" alt="" />
			</div>
			<p class="dec">
				{{dec}}
			</p>
			<a href="javascript:;" class="btn" @click="changeBox">查看领取活动奖励</a>
			<router-link :to="'home'" class="btn">返回活动</router-link>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'prize',
		data() {
			return {
				dec: this.$store.state.prize.remark
			}
		},
		methods: {
			changeBox(){
				 this.$emit('changeBox')
			}
		},
		created() {
			
		}
	}
</script>

<style lang="less" scoped>
	@import "../css/_modules.less";
	.box-6 {
		position: relative;
		padding: 0 0.45rem;
		.xyCenter();
		.wh(443, 692);
		.bg();
		background-image: url(../img/box-6.png);
		.content {
			.imgBox {
				padding-top: 1rem;
				img {
					/*width: 3.36rem;*/
					height: 2.66rem;
					margin: 0 auto;
					display: block;
					border-radius: 0.15rem;
				}
			}
			.dec {
				width: 3.36rem;
				margin: 0 auto;
				line-height: 0.77rem;
				font-size: 0.24rem;
				color: #e8fcff;
				text-align: center;
				border-bottom: 0.02rem #92c5f5 dashed;
			}
			.btn {
				margin: 0.2rem auto 0;
				.wh(296,73);
				line-height: 0.68rem;
				font-size: 0.28rem;
				color: #ac6410;
				font-weight: bold;
				text-align: center;
				.bg();
				background-image: url(../img/btn-b6.png);
				display: block;
			}
		}
	}
</style>